<!--  声明这是一个html文档  -->
<!DOCTYPE html>
<html lang="en">
<!--head定义了html头部信息：编码格式、标题、一些资源的引用-->
<head>
    <meta charset="UTF-8">
    <title>demo1</title>
</head>
<!--我们的html标签在body里面进行书写-->
<body>
<!--h1-- h6 标题标签  align：设置内容的水平对齐方式-->
<h1 align="right">一级标题标签</h1>
<h2 align="center">二级标题</h2>
<h6 align="left">六级标题</h6>
HTML的全称为超文本标记语言，是一种标记语言。
<br/>它包括一系列标签．通过这些标签可以将网络上的文档格式统一，
<br>使分散的Internet资源连接为一个逻辑整体。

<!--段落标签： 自带换行属性-->
<p align="center">HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</p>

<!--超链接标签： a   href指向的链接的资源路劲  可以是网络资源  也可以是本地资源,注意路劲的书写-->
<a href="https://www.tmall.com/" target="_blank">天猫</a>
<a href="../demo/demo2.html">跳转demo2</a>

<!--宽 高 单位  百分比  px  cm-->
<img width="50%" height="50%" align="right" src="../../QQ.png">
<!--href 点击后不跳转  写#-->
<a href="#"><img width="20%" height="20%" src="../../QQ.png"></a>
<br>
<font color="red" size="10px">HTML文本是由HTML命令组成的描述性文本</font>

<!--table表格  展示数据
    tr :行  th：表头  td：列
-->
<table align="center" border="1px" width="256px" height="200px" cellpadding="0" cellspacing="0">
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr align="center">
        <td rowspan="2">jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr valign="top">
        <td>男</td>
        <td>20</td>
    </tr>
    <tr align="right">
        <td>jack</td>
        <td>男</td>
        <td>20</td>
    </tr>

</table>

<!--表单:输入数据，还能提交数据  action:表示表单提交后的路劲  method：表示提交的方式
    每个输入框都有自己的名称
    submit：提交
    radio: 单选按钮
    http://localhost:8080/test?account=jack&psw=123&sex=男&city=河南   Get提交方式
-->
<form action="/test" method="post">
    <p><input type="text" name="account" placeholder="用户名"></p>
    <p><input type="password" name="psw" placeholder="请输入密码"></p>
    <p>
        男:<input type="radio" name="sex" value="男">
        女:<input type="radio" name="sex" value="女">
    </p>
    <p>
        <select name="city">
            <option value="河南">河南省</option>
            <option value="河北">河北省</option>
            <option value="上海">上海市</option>
        </select>
    </p>
    <p><input type="submit" value="注册"></p>
</form>

</body>
</html>